<script setup lang="ts">
import { ref } from "vue";
import fullCheck from "@/components/Form/fullCheck.vue";

const checkDataList = [
  {
    key: 1,
    name: "选项a",
  },
  {
    key: 2,
    name: "选项b",
  },
  {
    key: 3,
    name: "选项c",
  },
];

// 已选中的数据
const checked = ref([]);

const getData = (a: any) => {
  console.log(a);
};
</script>
<template>
  <van-form @submit="getData" class="box1">
    <full-check v-model="checked" :checkedDatas="checkDataList"> </full-check>
    <van-button type="primary" native-type="submit">提交</van-button>
  </van-form>
</template>
<style lang="scss" scoped>
.box1 {
  padding: 20px;
}
.van-checkbox-group {
  display: flex;
  justify-content: space-between;
  ::v-deep .van-checkbox {
    height: 48px;
    line-height: 48px;
    // border-bottom: 1px solid #eeeeee;
  }
  ::v-deep .van-checkbox:last-child {
    border-bottom: none;
  }
}
</style>
